<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Element组件</title>
		<!-- 引入样式 -->
		<link rel="stylesheet"
			href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.15.7/theme-chalk/index.min.css">
		<!-- 导入vue -->
		<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js"></script>
		<!-- 引入Element组件库 -->
		<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.15.7/index.min.js"></script>
	</head>
	<body>
		<div id="app">
			<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949">
			</el-switch>
		</div>

		<script>
			var Main = {
				data() {
					return {
						value: true
					}
				}
			};
			var Ctor = Vue.extend(Main)
			new Ctor().$mount('#app')
		</script>
	</body>
</html>
